let oIcon = document.querySelectorAll(".iconfont");
        let oPlay = document.querySelectorAll(".play");
        let iframe = document.querySelector("iframe");
        console.dir(oIcon);
        console.dir(oPlay);
        var flag = false;
        oPlay.forEach((item, index) => {
            item.onclick = function () {
                if (flag) {
                    oIcon[index].style.color = "#ccc";
                    oIcon[index].className = "iconfont icon-bofang"
                    iframe.src = "";
                    flag = false;
                } else {
                    oIcon.forEach((item1) => {
                        item1.style.color = "#ccc";
                        item1.className = "iconfont icon-bofang"
                    })
                    oIcon[index].style.color = "brown";
                    oIcon[index].className = "iconfont icon-bofangqi-houtaibofang"

                    // 创建一个XMLHttpRequest对象
                    let xml = new XMLHttpRequest();
                    // 开始请求(GET,请求绝对路径?查询字符串) - 注意：后端需配置CORS
                    xml.open("get", item.id);
                    // 发送请求(参数)
                    xml.send();
                    xml.responseType = "json";
                    // 监听 当xhr对象状态发生变化的时候
                    xml.onreadystatechange = function () {
                        // 判断 就绪状态码 是否为“4” （完成）
                        if (xml.readyState === 4 && xml.status === 200) {
                            // 满足条件：获取xhr对象的响应内容
                            let { src } = xml.response;
                            iframe.src = src;
                        }
                    }

                    flag = true;
                }
            }
        })